//路由权限验证通用组件
import React from 'react'
import {Route,Redirect} from 'react-router-dom'
// export default function AuthCheck(props){
//     console.log(props)
//     //解构赋值出props.path 和给component起个别名 用冒号
//     let {path,component:Component}=props;
//     //let Component = props.component
//     //return <Component/>
//     let token =sessionStorage.getItem('mytoken')
//     return(
//         <Route path={path} render={()=>{
//             //这里可以返回原始组件component对应的内容
//             return token?<Component/>:<Redirect to='/login'/>
//         }}/>
//     )

// }
class AuthCheck extends React.Component{
    render(){
        console.log(this.props)
        let {path,component:Component}=this.props;
        //这里可以进行权限过滤：判断用户是否已经登录成功
        let token =sessionStorage.getItem('mytoken')
        let comInfo=null
        if(token){
            //登录成功：正常显示相应组件
            comInfo=<Component/>
        }else{
            //没有登录:跳转到登录页面
            comInfo=<Redirect to='/login'/>
        }
        return (
            <Route path={path} render={()=>{return comInfo} }/>
        )
    }
}
export default AuthCheck
